<template lang='pug'>
.wrap
  seach-title(:title="titleS")
  .seach-rad
    .seach-box
      .seach-icon.icon-iconfontzhizuobiaozhun023131.iconfont
      input(placeholder="搜索··")
</template>
 
<script>
import SeachTitle from "../components/SeachTitle.vue";
export default {
  name: "vueName",
  data() {
    return {
      titleS: "行程列表",
    };
  },
  components: {
    SeachTitle,
  },
};
</script>
 
<style scoped lang="sass">
.wrap
  width: 3.75rem
  height: 100vh
  background: url('../assets/img/bg.jpg') no-repeat
  background-size: 100% 100%
.seach-rad
  padding: .2rem
  box-sizing: border-box
  
  .seach-box
    height: .44rem
    background: #fff
    border: 1px solid #ccc
    border-radius: .05rem
    display: flex
    align-items: center
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5)
    .seach-icon
      margin-left: .1rem
      margin-right: .1rem
      color: rgba(229, 83, 83, 1)
    input
      height: 20px
      font-size: 15px
      line-height: 20px
</style>